<template>
  <div class="landscape">
    <header>
      <ul>
        <li v-for="(item, index) in landscape" :key="index">
          <button>
            <a
              title="国内新闻"
              target="_blank"
              :text="item.landscapeName"
              @click="changeLandscape(index)"
              >国内新闻</a
            >
          </button>
        </li>
        <!-- <li><a title="国外新闻" target="_blank">国外新闻</a></li>
        <li><a title="娱乐新闻" target="_blank">娱乐新闻</a></li>
        <li><a title="时事新闻" target="_blank">时事新闻</a></li>
        <li><a title="联系我们" target="_blank">联系我们</a></li> -->
      </ul>
    </header>
    <div>
      <p>{{ showLandscape.landscapeIntroduces }}</p>

      <span v-for="(item, index) in showLandscape.landscapeImg" :key="index">
        <img :src="item" alt=""
      /></span>
    </div>
  </div>
</template>

<script>
import LR1 from '@/assets/img/liao-river/1.jpg'
import LR2 from '@/assets/img/liao-river/2.jpg'
import LR3 from '@/assets/img/liao-river/3.jpg'
import LM1 from '@/assets/img/long-mu/1.jpg'
import LM2 from '@/assets/img/long-mu/2.jpg'
import JL1 from '@/assets/img/jiu-long/1.jpg'
import JL2 from '@/assets/img/jiu-long/2.jpg'
import JL3 from '@/assets/img/jiu-long/3.jpg'
import JL4 from '@/assets/img/jiu-long/4.jpg'
import YS1 from '@/assets/img/yang-shi/1.jpg'
import YS2 from '@/assets/img/yang-shi/2.jpg'
import YS3 from '@/assets/img/yang-shi/3.jpg'
import YS4 from '@/assets/img/yang-shi/4.jpg'
import YS5 from '@/assets/img/yang-shi/5.jpg.png'
import MM1 from '@/assets/img/ma-meng/1.jpg'
import MM2 from '@/assets/img/ma-meng/2.jpg'
import MM3 from '@/assets/img/ma-meng/3.jpg'
export default {
  name: 'LandscapeView',
  data() {
    // landscapeName: ["辽河源头","马孟山","龙母洞","九龙蟠杨树","石羊石虎墓群"],
    //   landscapeImg: [""],
    //   landscapeIntroduces: [],
    return {
      showLandscape: {},
      landscape: [
        {
          landscapeName: '辽河源头',
          landscapeImg: [LR1, LR2, LR3], //LR1, LR2, LR3
          landscapeIntroduces:
            'a.	辽河源头，顾名思义，为辽河的发源地，1978年，辽宁一考察团沿辽河逆流而上，一直走到柳溪镇光秃山，在山脚下大石头留下“辽河源头”四个大字，',
        },
        {
          landscapeName: '马孟山',
          landscapeImg: [MM1, MM2, MM3],
          landscapeIntroduces:
            'b.	马盂山，是辽代圣山，几乎每位辽代皇帝都会前来祭拜。“马盂”即鸡冠壶，便于契丹游牧民族骑马携带，而马盂山因山形似鸡冠壶而得名，当地人又叫它为光秃山。',
        },
        {
          landscapeName: '龙母洞',
          landscapeImg: [LM1, LM2],
          landscapeIntroduces:
            '位于马盂山顶峰背后，洞口对联上写着“古洞云上龙母府，喀嚓山内显神明”，洞内常年涌出泉水，当地人们经常来祭拜以求风调雨顺、身体健康。传说波海龙王之女，与李姓青年相爱，并怀身孕。老龙王发觉此事，十分恼怒，遂将龙女逐出龙宫，贬入人间。龙女便与李姓青年沿辽河而上，直至源头马盂山顶，于密林之中寻得一个幽静山洞。二人便居住在此，砍柴、耕种，过着普通农家的生活。后来龙女生下“怪胎”，人面蛇身，遍体覆麟。其父见状，以为不祥，挥刀准备将“怪胎”砍死。一刀砍在尾巴上，“怪物”化龙，升腾而去。有人说，飞向长白山五大连池，后修炼成仙。也有的说，飞向黑龙江，作了江龙王。这就是人们每年的八月份前后，龙母洞西北方向黑云长起，电闪雷鸣，黑云南行马盂山，定大雨或冰雹，人们便说是“秃尾巴老李”探母来了。互相传诵的“秃尾巴老李”的传说。',
        },

        {
          landscapeName: '九龙蟠杨树',
          landscapeImg: [JL1, JL2, JL3, JL4], //LR1, LR2, LR3
          landscapeIntroduces:
            '相传，公元1020年前后，辽圣宗耶律隆绪与皇后萧氏曾来到马孟山打猎，见到一只八角梅花鹿在一棵杨树上磨角，皇帝张弓搭箭欲射，皇后不忍杀默这个小生灵，抢先拉弓虚发，小鹿闻风而逃。此后，那只八角梅花鹿曾驻足过的杨树，枝干开始发生变化，分成一主三干，形成连理之枝、龙腾之势，逐渐繁茂起来。近些年来，当地林业部门一直在试图解开"九龙蟠杨"的生长之谜，他们从树上截取枝条，插到苗栽种，发现新生的小树直立挺拔，并无枝，这说明"九龙蟠杨"的形成和树种本身并无关联，而是基因变异或环境造成的结果。遮荫纳凉、活血疗伤，这棵老杨树用自己朴实无华的方式，陪伴和护佑着村里的百姓。逢年过节，当地百姓也会到树下烧香祈福，感谢古树。2005年，当地政府规划旅游专线，原计划在过去的路面上实行扩建，但是出于保护"九龙蟠杨"的考虑，最终修改了方案。从保护九龙蟠杨的角度出发，避免路面修建时来往车辆对九龙蟠杨造成损坏，选择从其他的地方修。树为人遮阳，人为树改道，此外，人们还搭建起人工支架，给予老树稳固的支撑。对于人类来讲，古树是一种不可复制、不可伪造、失而不可复得的特殊文物，保护古树，既是人类对历史的尊重，也是中国人与大自然和谐共生的智慧。现在，"九龙蟠杨"长势良好，依然枝叶繁茂，绿荫如盖。它如同一位精神舅泺的老人，默默地驻立在村口，眺望远方，成为村民回家时的路标，也成为远方游子心中故乡的标志。虽然隐居乡间，不曾有名人雅士为它竖碑立传，但"九龙蟠杨"兀自展示着生命的顽强与坚韧。它站在广的大地上，如同大自然赐予人类的一尊"绿色守护神"。',
        },
        {
          landscapeName: '石羊石虎墓群',
          landscapeImg: [YS1, YS2, YS3, YS4, YS5], //LR1, LR2, LR3
          landscapeIntroduces:
            '辽代契丹族一项习俗是人死后多葬于故地。石羊石虎墓群就是大辽国南苑枢密副使陈国公窦景庸的墓地。据调查，墓地原有各种石像生36件，还有其他石建筑，现存石虎五件，成蹲踞姿势，昂首环目，神态威武，高约1.8米，；石羊四件，皆屈膝趴卧，双脚弓弯，体态健驯，身长约2米；石猴两件，一只无头，呈半蹲式，另一只昂首挺胸，神态自若；还有两尊石翁仲（指中年以上的男子石雕），只可惜两尊石人无头，从装束看一文一武。至于石人为何无头，这里还有一个传说。相传某年仲春时节，几个村姑娘挎着篮子到墓地挖野菜。见石人健壮潇洒，不免相互嬉戏逗闹，欲试石人相中了谁，于是姑娘们轮流把菜篮子投向石人，口中说“石人哥，石人哥，接住篮子给你做老婆”，不料一个较为俊美的姑娘的篮子竟被石人接住，惊异中，姑娘们四散回家了。次日，那个姑娘正在家中灶前持笊篱捞米饭，一男子进屋门并作亲近之态，吓得姑娘惊慌大喊，遂将刚捞起的一笊篱米饭扣在那男子头上。家人闻声赶来时男子已不见踪影，家人与邻居们四处找寻，找到墓地，发现一个石人头顶的米饭还在冒热气，由此石人招来“灭顶之灾”。',
        },
      ],
    }
  },
  created() {
    this.showLandscape = this.landscape[0]
    console.info(this.showLandscape)
  },
  methods: {
    changeLandscape(index) {
      this.showLandscape = this.landscape[index]
    },
  },
}
</script>
<style>
.landscape {
  margin: 0px;
  /* background-image: url(../images/nav.jpg); */
  background-repeat: no-repeat;
}

header ul li {
  display: inline;
  margin-left: 90px;
}
header ul {
  float: left;
  margin: 0px;
  padding: 0 0 0 0;
  width: 100%;
  list-style: none;
}
header ul li a {
  padding: 11px 20px;
  font-size: 14px;
  text-align: center;
  text-decoration: none;

  font-family: Tahoma;
  outline: none;
}
header li a:hover {
  color: #2a5f00;
}
</style>
